<template>
  <el-container class="article_list">
    <el-main class="main">
      <el-tabs v-model="activeName" @tab-click="handleClick" type="card">
        <el-tab-pane label="交流合作" name="comartic">
          <BlogTable
            state="-1"
            :showEdit="true"
            :showDelete="true"
            :activeName="activeName"
          ></BlogTable>
        </el-tab-pane>
        <el-tab-pane label="科学研究" name="resultarticle">
          <BlogTable
            state="1"
            :showEdit="true"
            :showDelete="true"
            :activeName="activeName"
          ></BlogTable>
        </el-tab-pane>
        <el-tab-pane label="人才培养-本科生" name="particleben">
          <BlogTable
            state="0"
            :showEdit="true"
            :showDelete="true"
            :activeName="activeName"
          ></BlogTable>
        </el-tab-pane>
        <el-tab-pane label="人才培养-研究生" name="particleyan">
          <BlogTable
            state="2"
            :showEdit="true"
            :showDelete="true"
            :activeName="activeName"
          ></BlogTable>
        </el-tab-pane>
        <el-tab-pane label="中心概括" name="briefinfo">
          <BlogTable
            state="-2"
            :showEdit="true"
            :showDelete="false"
            :activeName="activeName"
          ></BlogTable>
        </el-tab-pane>
      </el-tabs>
    </el-main>
  </el-container>
</template>
<script>
import BlogTable from "@/views/Artical/BlogTable";
export default {
  data() {
    return {
      activeName: "comartic",
    };
  },
  components: {
    BlogTable,
  },

  methods: {
    handleClick(tab, event) {
      //  console.log(tab);
      //  console.log(event)
      // console.log(this.activeName)
    },
  },
};
</script>
<style>
.article_list > .main {
    padding-top: 0px;
}
.el-tabs--card > .el-tabs__header .el-tabs__nav{
  border: none;
  /* border-left: 1px solid #E4E7ED; */
}
.el-tabs__item {
  padding: 1px 30px;
  border: 1px solid #E4E7ED;
  line-height:50px;
  text-align: center;
  height: 50px;
}
.el-tabs--card > .el-tabs__header .el-tabs__item:first-child {
  border-left: 1px solid #E4E7ED;
}
#tab-briefinfo{
padding-right: 30px;
}
</style>